import axios from 'axios'
import { ref } from 'vue'
import { useRouter } from 'vue-router'

const service = axios.create({
  baseURL: '/api',
  timeout: 20000,
  withCredentials: true
})

const router = useRouter()

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 从localStorage获取token
    const token = localStorage.getItem('token')
    if (token) {
      config.headers['Authorization'] = ` ${token}`
    }
    console.log('请求配置：', config); // 调试用
    return config;
  },
  error => {
    console.log('请求错误：', error); // 调试用
    return Promise.reject(error);
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    console.log('原始响应数据：', response)
      console.log('使用response.data',response.data)
    // 根据后端的数据结构调整
    return response.data  // 如果后端直接返回数据，不需要 .data
  },
  error => {
    console.log('响应错误：', error)
    if (error.response && error.response.status === 401) {
      // token过期或无效，重定向到登录页
      router.push('/login')
    }
    return Promise.reject(error)
  }
)

export default service
